define(['jquery'],function(){
    var ajax=function(){


        $.getJSON('../../json/bolt.json',function(responseText, responseState, responseObj){
            // console.log(responseText);
            allProduct(responseText);
            secondP();
        })

      function allProduct(info){

          var json={
              "items":info
          };
        

          var bt=baidu.template;
          var html1=bt('template2',json);
          document.querySelector('.text').innerHTML=html1;

          var msg=info.data.products;
          var arr=['103532','103536','103541','103549','103557','103569','103575','103581','103585','104747','104749','104958'];

          var allLi=document.querySelectorAll('.left li');
          var $ul=$('.product ul');

          for(var l=0;l<msg[103532].length;l++){
            var $li=$('<li></li>');
                $ul.append($li);
            var $a=$('<a></a>');
                $li.append($a);
            var $div=$('<div></div>');
                $div.addClass('product-left');
                $a.append($div);
            var img=msg[103532][l].app_mimg;
            var $myImg=$('<img>');
                $myImg.attr('src',img);
                $div.append($myImg);
            var $div=$('<div></div>');
                $div.addClass('product-right');
                $a.append($div);
            var title=msg[103532][l].name;
            var $p1=$('<p></p>');
                $p1.html(title);
                $div.append($p1);
            var $sp1=$('<span></span>');
                $sp1.html('精选');
                $div.append($sp1);
            var $sp2=$('<span></span>')
                $sp2.html('买一赠一');
                $div.append($sp2);
            var wight=msg[103532][l].specifics;
            var $p2=$('<p></p>');
                $p2.html(wight);
                $div.append($p2);
            var price=msg[103532][l].price;
            var $sp3=$('<span></span>');
                $sp3.html(price);
                $div.append($sp3);
            var $myDiv=$('<div></div>');
                $myDiv.addClass('add');
                $div.append($myDiv);
          }


              for(var k=0;k<allLi.length;k++){
                  allLi[k].temp=k;
                  allLi[k].addEventListener('touchstart',function(){
                    $ul.html('');
                    for(var i=0;i<arr.length;i++){
                        for(var j=0;j<msg[arr[i]].length;j++){
                            var $li=$('<li></li>');
                                $ul.append($li);
                            var $a=$('<a></a>');
                                $li.append($a);
                            var $div=$('<div></div>');
                                $div.addClass('product-left');
                                $a.append($div);
                            var img=msg[arr[this.temp]][j].app_mimg;
                            var $myImg=$('<img>');
                                $myImg.attr('src',img);
                                $div.append($myImg);
                            var $div=$('<div></div>');
                                $div.addClass('product-right');
                                $a.append($div);
                            var title=msg[arr[this.temp]][j].name;
                            var $p1=$('<p></p>');
                                $p1.html(title);
                                $div.append($p1);
                            var $sp1=$('<span></span>');
                                $sp1.html('精选');
                                $div.append($sp1);
                            var $sp2=$('<span></span>')
                                $sp2.html('买一赠一');
                                $div.append($sp2);
                            var wight=msg[arr[this.temp]][j].specifics;
                            var $p2=$('<p></p>');
                                $p2.html(wight);
                                $div.append($p2);
                            var price=msg[arr[this.temp]][j].price;
                            var $sp3=$('<span></span>');
                                $sp3.html(price);
                                $div.append($sp3);
                            var $myDiv=$('<div></div>');
                                $myDiv.addClass('add');
                                $div.append($myDiv);
                        }
                    }
                  })
              }



      }



      function secondP(){
          var $li=$('.left li');
          var $twoLi=$li.eq(1);
          var $img=$('#img');
          $twoLi.append($img);
      }









    };
    return{
      ajax:ajax
    };
})
